<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <input id="bn" type="button" value="换页"><!--    创建换业按钮  -->
 <a  id="bt" href="17.轮播图.html">   轮播图</a><!--  创建超链接按钮    -->
 <input id="bb" type="button" value="前进"><!--   创建前进按钮   -->

 <script>
     //script标签
       var bn = document.getElementById("bb");
       //获取换业对象，通过getElementbyId方法
         bn.onclick=function(){
             //定义方法
             //给前进按钮绑定事件
             history.forward();
             //在方法中使用history对象的forword方法前进到当前窗口浏览器浏览过的页面中的第一页
         }
       var bn = document.getElementById("bn");
         //通过document对象的getelementByid方法获取换业按钮的对象
       bn.onclick=function(){
           //然后给这个按钮绑定事件
           var length = history.length;
           //获取当前页面访问的页面总数
           alert(length);//弹出页面总数
       }

 </script>
</body>
</html>